<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="button" value="get--请求" class="get">
    <input type="button" value="post--请求" class="post">
</body>
</html>
<script src="axios.min.js"></script>
<script>
    /*接口 随即笑话
    idUrl:"https://autumnfish.cn/api/joke/list"
    请求方法 get 
    请求参数：num(笑话条数 数字)
    响应内容：笑话列表 
    */
    document.querySelector(".get").onclick = function(){
        axios.get("https://autumnfish.cn/api/joke/list?num=9") 
        .then((res=>{
            console.log(res)
        }))
    }
    /*
    接口 用户地址
    地址 https://autumnfish.cn/api/user/reg
    请求方式 post 
    请求参数 username(用户名,字符串)
    响应内容ok&err
    */
    document.querySelector(".post").onclick = function(){
        axios.post("https://autumnfish.cn/api/user/reg",{username:"cdd"}) 
        .then((res=>{
            console.log(res)
        }))
    }

</script>